<template>
  <div class="fuwuguize">
    <head_><h1 style="width: 150px">服务规则</h1></head_>
    <div>
      <van-collapse v-model="activeName">
        <van-collapse-item v-for="item in list" :key="item.id" :name="item.id">
          <div slot="title">{{ item.question }}</div>
         <p v-html="item.answer "></p>
        </van-collapse-item>
      </van-collapse>
    </div>


  </div>
</template>

<script>
import head_ from "@/components/jingtai_/header.vue";

export default {
  name: "kefuzhongxin3",
  components: {
    head_,
  },
  data(){
    return{
      activeName:[],
      query:"服务规则",
      list: [],
    }
  },
  created() {
    this.getData();
  },
  methods: {
    getData() {
      this.$http.post("http://192.168.1.195:8000/marketingManagement/api/selectIssues/"+this.query).then(res => {
        console.log(res);
        this.list=res.data.data;
      });
    },
  }
}
</script>

<style scoped>
.fuwuguize {
  width: 100%;
  font-size: 0;
}
._ul {
  width: 100%;
  height: 3rem;
  display: flex;
  flex-direction: column;
}
h1 {
  font-size: 0.31rem;
  margin-bottom: .1rem;
  font-weight: 600;
}

li {
  border-bottom: 0.01rem solid #e0e0e0;
  box-sizing: border-box;
  font-size: 0.27rem;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.24rem;
  height: 1rem;
}
</style>
